// 导入样式
import "../../../assets/style/home.scss";
import { useNavigate, useLocation } from "react-router-dom";

function Home() {
  const navigate = useNavigate();
  return (
    <div className="home">
      <div className="top">
        <div className="left padding">
          <h3>小区信息</h3>
          <ul>
            <li>
              <div className="le">
                <svg
                  t="1681549027008"
                  className="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="7221"
                  width="30"
                  height="30"
                >
                  <path
                    d="M934.4 222.208H640V80.384a38.4 38.4 0 0 0-38.4-38.4h-512a38.4 38.4 0 0 0-38.4 38.4v863.232a38.4 38.4 0 0 0 38.4 38.4h844.8a38.4 38.4 0 0 0 38.4-38.4V260.608a38.4 38.4 0 0 0-38.4-38.4zM128 118.784H563.2v786.432H463.872v-165.888a38.4 38.4 0 0 0-38.4-38.4H265.728a38.4 38.4 0 0 0-38.4 38.4v165.376H128V118.784z m176.128 786.432v-127.488h82.944v126.976H304.128z m591.872 0h-256V299.008h256v606.208z"
                    fill="#00bf6f"
                    p-id="7222"
                  />
                  <path
                    d="M247.296 451.072h37.888a25.6 25.6 0 1 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM247.296 286.208h37.888a25.6 25.6 0 1 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM406.016 286.208h37.888a25.6 25.6 0 0 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM406.016 451.072h37.888a25.6 25.6 0 1 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM247.296 627.712h37.888a25.6 25.6 0 0 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM406.016 627.712h37.888a25.6 25.6 0 0 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM749.056 457.216h37.888a25.6 25.6 0 0 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM749.056 622.08h37.888a25.6 25.6 0 0 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2zM749.056 798.208h37.888a25.6 25.6 0 0 0 0-51.2h-37.888a25.6 25.6 0 0 0 0 51.2z"
                    fill="#00bf6f"
                    p-id="7223"
                  />
                </svg>
              </div>
              <div className="ri">
                <h4>20</h4>
                <p>楼宇</p>
              </div>
            </li>
            <li>
              <div className="le">
                <svg
                  t="1681549146635"
                  className="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="9411"
                  width="30"
                  height="30"
                >
                  <path
                    d="M298.656 426.656h128v128h-128v-128zM597.344 426.656h128v128h-128v-128z"
                    p-id="9412"
                    fill="#00bf6f"
                  />
                  <path
                    d="M1006.944 435.2L512 29.856 17.056 435.2l55.456 64 55.456-42.656v524.8h768v-524.8l59.744 46.944 51.2-68.256zM469.344 896v-170.656h85.344V896h-85.344z m341.312 0H640v-256h-256v256H213.344V384L512 140.8l298.656 243.2v512z"
                    p-id="9413"
                    fill="#00bf6f"
                  />
                </svg>
              </div>
              <div className="ri">
                <h4>40</h4>
                <p>房屋 </p>
              </div>
            </li>
            <li>
              <div className="le">
                <svg
                  t="1681549242354"
                  className="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="10586"
                  width="30"
                  height="30"
                >
                  <path
                    d="M1021.9 372.8c0-0.2 0.1-0.4 0.1-0.6 0.1-0.3 0.1-0.6 0.2-0.9l-0.3 1.5zM910.2 76.7c-0.7-1.1-1.5-2.2-2.3-3.3 0.8 1.1 1.5 2.2 2.3 3.3l7.3 11-7.3-11z m-4.8-6.4c0.9 1 1.7 2 2.5 3.1-0.8-1-1.7-2.1-2.5-3.1zM1.8 371.3c0 0.3 0.1 0.6 0.2 0.9 0 0.2 0.1 0.4 0.1 0.6l-0.3-1.5z"
                    p-id="10587"
                    fill="#00bf6f"
                  />
                  <path
                    d="M1022.6 268.7c-0.1-0.6-0.2-1.2-0.3-1.7-0.2-1.2-0.4-2.3-0.6-3.4-0.3-1.7-0.7-3.4-1.1-5.1-0.4-1.7-0.8-3.4-1.3-5.1-1.3-4.5-2.7-8.9-4.4-13.2-1.3-3.2-2.7-6.4-4.2-9.5-0.5-1.1-1.1-2.1-1.6-3.2l-1.5-2.7c-0.8-1.3-1.5-2.7-2.3-4-0.8-1.3-1.6-2.6-2.5-3.9l-21.3-32.3-50-75.7-14-21.2-7.3-11c-0.7-1.1-1.5-2.2-2.3-3.3-0.8-1.1-1.6-2.1-2.5-3.1-1.7-2-3.6-3.9-5.5-5.7-0.4-0.3-0.7-0.7-1.1-1-0.7-0.6-1.5-1.3-2.3-1.9l-1.2-0.9c-11-8.3-24.4-12.9-38.5-12.9H167.3c-16.8 0-32.7 6.6-44.5 18l-1.4 1.4c-2.8 2.8-5.3 5.9-7.5 9.3L21.2 216.8A128.27 128.27 0 0 0 0 287.4v67.1c0 3 0.2 6.1 0.5 9 0 0.5 0.1 1 0.2 1.6 0 0.2 0.1 0.5 0.1 0.7 0.1 0.7 0.2 1.4 0.3 2v0.1l0.3 1.5c0.1 0.6 0.2 1.3 0.4 1.9l0.3 1.5c25.4 114.3 40.5 230.6 40.5 347.7v256.3h938.9V720.5c0-117.1 15.1-233.4 40.5-347.7l0.3-1.5c0.1-0.6 0.3-1.3 0.4-1.9l0.3-1.5v-0.1c0.1-0.7 0.2-1.4 0.3-2 0-0.3 0.1-0.5 0.1-0.7 0.1-0.5 0.1-1 0.2-1.6 0.3-3 0.5-6 0.5-9v-67.1c-0.1-6.3-0.6-12.5-1.5-18.7zM473 853.5H148.8V635.7H473v217.8zM800 912h-80V720c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v192z m117.4-416.1c-37.8-1-72.1-14.7-98.2-36.7-28.7 23.9-65 37-102.4 36.7-39.4 0-75.3-13.9-102.4-36.7-28.8 24-65 37-102.5 36.7-39.4 0-75.3-13.9-102.4-36.7-28.7 23.9-65 36.9-102.4 36.7-39.4 0-75.3-13.9-102.4-36.7-27.7 23-62.3 36-98.2 36.7v-50.3h0.2c0.7 0 1.4 0 2-0.1h0.7c0.5 0 1-0.1 1.5-0.1 0.4 0 0.7 0 1.1-0.1 0.6-0.1 1.3-0.1 1.9-0.2h0.3c1.6-0.2 3.1-0.4 4.6-0.6 0.3 0 0.5-0.1 0.8-0.1 0.6-0.1 1.1-0.2 1.7-0.3 0.1 0 0.3 0 0.5-0.1 0.7-0.1 1.5-0.3 2.2-0.4h0.2c0.7-0.1 1.3-0.3 2-0.4 0.2 0 0.4-0.1 0.6-0.1 1.5-0.3 3-0.7 4.5-1.1l2.4-0.6c0.8-0.2 1.5-0.5 2.3-0.7 0.8-0.2 1.5-0.5 2.3-0.7 0.8-0.3 1.5-0.5 2.3-0.8 0.8-0.3 1.5-0.5 2.2-0.8 0.8-0.3 1.5-0.6 2.2-0.9 0.7-0.3 1.5-0.6 2.2-0.9 2.2-0.9 4.3-2 6.4-3 0.7-0.4 1.4-0.7 2.1-1.1 4.4-2.4 8.6-5.1 12.5-8 0.4-0.3 0.8-0.6 1.3-1l1.8-1.5c0.7-0.5 1.3-1 1.9-1.6 0.6-0.5 1.1-1 1.6-1.4 0.6-0.5 1.2-1 1.7-1.6 0.5-0.5 1.1-1 1.6-1.6l1.6-1.6c0.7-0.7 1.4-1.4 2-2.2 0.3-0.3 0.6-0.7 0.9-1 0.2-0.2 0.4-0.4 0.5-0.6 0.3-0.4 0.7-0.8 1-1.1l0.4-0.4c0.4-0.5 0.8-1 1.3-1.6 0.4-0.5 0.9-1.1 1.3-1.7l0.3-0.3c0.4-0.5 0.7-0.9 1-1.4 0.1-0.2 0.3-0.3 0.4-0.5l0.9-1.2c0.2-0.2 0.3-0.4 0.4-0.7 0.3-0.4 0.6-0.9 0.9-1.3 0.3-0.5 0.7-1 1-1.5 0.3-0.5 0.6-0.9 0.9-1.4 0.3-0.5 0.6-1.1 1-1.6 0.2-0.3 0.3-0.6 0.5-0.9 0.2-0.4 0.5-0.8 0.7-1.2 0.3-0.6 0.6-1.1 0.9-1.7 0.2-0.4 0.4-0.9 0.6-1.3 0.1-0.3 0.3-0.5 0.4-0.8 0.2-0.5 0.5-1 0.7-1.5 0.1-0.1 0.1-0.3 0.2-0.4 0.3-0.6 0.6-1.3 0.8-1.9 0.2-0.5 0.4-1 0.6-1.4 0.1-0.4 0.3-0.7 0.4-1.1 0.2-0.6 0.5-1.2 0.7-1.8 0.2-0.6 0.4-1.3 0.6-1.9v-0.1c0.2-0.7 0.5-1.4 0.7-2.2 0.1-0.5 0.3-0.9 0.4-1.4 0.1-0.4 0.2-0.8 0.3-1.3 0.2-0.6 0.3-1.3 0.5-1.9 0.1-0.6 0.3-1.1 0.4-1.7 0-0.2 0.1-0.3 0.1-0.5 0.1-0.7 0.3-1.5 0.4-2.2 0.1-0.6 0.2-1.2 0.3-1.7 0.1-0.9 0.3-1.9 0.4-2.8 0.1-0.8 0.2-1.5 0.2-2.3 0-0.4 0.1-0.8 0.1-1.3 0-0.4 0.1-0.8 0.1-1.2 0.1-1.5 0.1-3 0.1-4.6 0 50.4 45.9 91.2 102.4 91.2 56.5 0 102.4-40.9 102.4-91.2 0 50.4 45.9 91.2 102.4 91.2 56.6 0 102.4-40.9 102.4-91.2 0 50.4 45.9 91.2 102.5 91.2 56.5 0 102.4-40.9 102.4-91.2 0 1.5 0 3.1 0.1 4.6 0 0.4 0 0.8 0.1 1.2 0 0.4 0 0.9 0.1 1.3 0.1 0.8 0.1 1.5 0.2 2.3 0.1 0.9 0.2 1.9 0.4 2.8 0.1 0.6 0.2 1.2 0.3 1.7 0.1 0.7 0.3 1.5 0.4 2.2 0 0.2 0 0.3 0.1 0.5 0.1 0.6 0.2 1.2 0.4 1.7 0.1 0.6 0.3 1.3 0.5 1.9 0.1 0.4 0.2 0.8 0.3 1.3 0.1 0.5 0.2 0.9 0.4 1.4 0.2 0.7 0.4 1.4 0.7 2.2v0.1c0.2 0.6 0.4 1.3 0.6 1.9 0.2 0.6 0.4 1.2 0.7 1.8 0.1 0.4 0.3 0.7 0.4 1.1 0.2 0.5 0.4 1 0.6 1.4 0.3 0.7 0.5 1.3 0.8 1.9 0.1 0.1 0.1 0.3 0.2 0.4 0.2 0.5 0.4 1 0.7 1.5 0.1 0.3 0.2 0.5 0.4 0.8 0.2 0.4 0.4 0.9 0.6 1.3 0.3 0.6 0.6 1.1 0.9 1.7 0.2 0.4 0.4 0.8 0.7 1.2 0.2 0.3 0.3 0.6 0.5 0.9 0.3 0.5 0.6 1.1 1 1.6 0.3 0.5 0.6 0.9 0.8 1.4 0.3 0.5 0.6 1 1 1.5 0.3 0.4 0.6 0.9 0.9 1.3 0.1 0.2 0.3 0.4 0.4 0.7l0.9 1.2c0.1 0.2 0.2 0.3 0.4 0.5 0.3 0.5 0.7 1 1 1.4l0.3 0.3c0.4 0.6 0.9 1.1 1.3 1.7 0.4 0.5 0.8 1 1.3 1.6 0.1 0.1 0.2 0.3 0.4 0.4 0.3 0.4 0.6 0.8 1 1.1 0.2 0.2 0.3 0.4 0.5 0.6 0.3 0.3 0.6 0.7 0.9 1 0.7 0.7 1.3 1.5 2 2.2 0.5 0.6 1.1 1.1 1.6 1.6l1.6 1.6c0.6 0.5 1.1 1 1.7 1.6 0.5 0.5 1.1 1 1.6 1.4 0.6 0.5 1.3 1.1 1.9 1.6l1.8 1.5c0.4 0.3 0.8 0.6 1.3 1 3.9 3 8.1 5.6 12.5 8 0.7 0.4 1.4 0.7 2.1 1.1 2.1 1.1 4.2 2.1 6.4 3 0.7 0.3 1.5 0.6 2.2 0.9 0.7 0.3 1.5 0.6 2.2 0.9 0.7 0.3 1.5 0.6 2.2 0.8 0.8 0.3 1.5 0.5 2.3 0.8 0.8 0.3 1.5 0.5 2.3 0.7 0.8 0.2 1.5 0.5 2.3 0.7l2.4 0.6c1.5 0.4 3 0.8 4.5 1.1 0.2 0 0.4 0.1 0.6 0.1 0.7 0.1 1.3 0.3 2 0.4h0.2c0.7 0.1 1.5 0.3 2.2 0.4 0.2 0 0.3 0.1 0.5 0.1 0.6 0.1 1.1 0.2 1.7 0.3 0.3 0.1 0.5 0.1 0.8 0.1 1.5 0.2 3.1 0.4 4.6 0.6h0.3c0.6 0.1 1.3 0.1 1.9 0.2 0.4 0 0.7 0.1 1.1 0.1 0.5 0 1 0.1 1.5 0.1h0.7c0.7 0 1.4 0.1 2 0.1h0.2v50.3z"
                    p-id="10588"
                    fill="#00bf6f"
                  />
                  <path
                    d="M118.9 444.5c-1.5 0.2-3.1 0.4-4.6 0.6 1.5-0.2 3.1-0.4 4.6-0.6zM131.2 442c-1.5 0.4-3 0.8-4.5 1.1 1.5-0.3 3-0.7 4.5-1.1zM897.3 443.1c-1.5-0.3-3-0.7-4.5-1.1 1.5 0.4 3 0.8 4.5 1.1zM909.7 445.1c-1.6-0.2-3.1-0.3-4.6-0.6 1.5 0.2 3.1 0.4 4.6 0.6zM1005.3 220.7c-0.8-1.3-1.6-2.6-2.5-3.9l-21.3-32.3-50-75.7 71.3 107.9c0.8 1.4 1.7 2.7 2.5 4zM1014.9 240.1c-1.3-3.2-2.7-6.4-4.2-9.5 1.6 3.1 3 6.3 4.2 9.5zM1019.4 253.3c-1.3-4.5-2.7-8.9-4.4-13.2 1.7 4.4 3.2 8.8 4.4 13.2zM1021.8 263.6c-0.3-1.7-0.7-3.4-1.1-5.1 0.4 1.6 0.7 3.3 1.1 5.1z"
                    p-id="10589"
                    fill="#00bf6f"
                  />
                </svg>
              </div>
              <div className="ri">
                <h4>26</h4>
                <p>商铺</p>
              </div>
            </li>
            <li>
              <div className="le">
                <svg
                  t="1681549312060"
                  className="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="12248"
                  id="mx_n_1681549312061"
                  data-spm-anchor-id="a313x.7781069.0.i11"
                  width="30"
                  height="30"
                >
                  <path
                    d="M896 469.333333v298.666667h-89.6c-8.533333 25.6-34.133333 42.666667-59.733333 42.666667s-51.2-17.066667-59.733334-42.666667H337.066667c-8.533333 25.6-34.133333 42.666667-59.733334 42.666667s-51.2-17.066667-59.733333-42.666667H128V256h597.333333v128h85.333334l85.333333 85.333333zM213.333333 341.333333v341.333334h426.666667V341.333333H213.333333z m512 128v213.333334h85.333334v-170.666667l-42.666667-42.666667h-42.666667z"
                    fill="#00bf6f"
                    p-id="12249"
                  />
                </svg>
              </div>
              <div className="ri">
                <h4>22</h4>
                <p>车位</p>
              </div>
            </li>
          </ul>
          <ol>
            <li>
              <div className="le">
                <h4>用户登记</h4>
                <div className="icon">
                  <svg
                    t="1681549366538"
                    className="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="14052"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M500 128.8c-95.2 5.6-173.6 83.2-180 178.4-7.2 112 80.8 205.6 191.2 205.6 106.4 0 192-86.4 192-192 0.8-110.4-92-198.4-203.2-192zM512 575.2c-128 0-383.2 64-383.2 192v96c0 17.6 14.4 32 32 32h702.4c17.6 0 32-14.4 32-32V766.4c0-127.2-255.2-191.2-383.2-191.2z"
                      p-id="14053"
                      fill="#00bf6f"
                    />
                  </svg>
                </div>
              </div>
              <div className="ri">
                <h4>
                  44<span>个</span>
                </h4>
                <p onClick={() => navigate("/pages/property/listOwner")}>
                  登记住户 {">"}
                </p>
              </div>
            </li>
            <li>
              <div className="le">
                <h4>用户登记</h4>
                <div className="icon">
                  <svg
                    t="1681549418546"
                    className="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="16841"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M224.304762 531.504762h175.542857v78.019048H224.304762zM624.152381 531.504762h175.542857v78.019048h-175.542857z"
                      p-id="16842"
                      fill="#00bf6f"
                    />
                    <path
                      d="M1019.12381 292.571429h-146.285715l-112.152381-170.666667H258.438095L146.285714 292.571429H4.87619v97.523809h78.019048L19.504762 482.742857c-4.87619 9.752381-4.87619 19.504762-4.876191 29.257143v385.219048H341.333333V780.190476h355.961905l-4.87619 117.028572h321.828571v-385.219048c0-9.752381 0-19.504762-4.87619-29.257143L941.104762 390.095238H1024V292.571429zM312.07619 224.304762h399.84762l82.895238 126.780952H229.180952l82.895238-126.780952z m472.990477 575.390476l4.87619-117.028571H234.057143v117.028571H107.27619v-273.066667l53.638096-78.019047h697.295238l53.638095 78.019047v273.066667h-126.780952z"
                      p-id="16843"
                      fill="#00bf6f"
                    />
                  </svg>
                </div>
              </div>
              <div className="ri">
                <h4>
                  27<span>个</span>
                </h4>
                <p onClick={() => navigate("/pages/property/listOwnerCar")}>
                  登记住户 {">"}
                </p>
              </div>
            </li>
          </ol>
        </div>
        <div className="right padding">
          <h3>业主反馈</h3>
        </div>
      </div>
      <div className="bottom">
        <div className="li1 padding">
          <h3>保修统计</h3>
        </div>
        <div className="li2 padding">
          <h3>投诉统计</h3>
        </div>
        <div className="li3 padding">
          <h3>保修统计</h3>
        </div>
      </div>
    </div>
  );
}

export default Home;
